<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
     <%@taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
     <%@taglib uri="http://struts.apache.org/tags-nested" prefix="nested" %>
     <%@taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
     <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<!DOCTYPE html>
<html manifest="/OnOffLine/cache.manifest">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="/OnOffLine/js/external/jquery-1.7.1.js"></script>
<script type="text/javascript" src="/OnOffLine/js/external/moment.js"></script>
<script type="text/javascript" src="/OnOffLine/js/offline.js"></script>
<script type="text/javascript" src="/OnOffLine/js/db.js"></script>
<title>My Notes</title>
<link rel="stylesheet" type="text/css" href="/OnOffLine/css/style.css" />
</head>

<body id="my_blogs">

<div class="top-menu">
	<div class="left-item"><a href="/OnOffLine/">OnOffLine</a></div>
		
	<div class="right-item">		
		<div class="center-block"><a id="createtop" title="Create new note" href="/OnOffLine/blog.do?method=create"><img alt="create new note" src="/OnOffLine/images/mail.png" /></a></div>
		<div class="right-block"><a href="#">sign out</a></div>
	</div>
</div>


<div class="main">

	<div class="left">
		<img class="logo" src="/OnOffLine/images/logo2.png" alt="logo" />
		<img class="ico-pencil" src="/OnOffLine/images/pencil.png" alt="logo" />
			 
		<ul class="left-menu">
			<li class="active"><a id="myblogs" class="link" href="/OnOffLine/blog.do?method=myBlogs">my notes</a></li>
			<li><a id="create" class="link" href="/OnOffLine/blog.do?method=create">create</a></li>
		</ul>
	</div>
	
	<div class="right">
		
		<span class="button blue small jsSync" style="margin-right: 130px; opacity: 0.3;">Synchronize</span>
		
		<div class="inner">
			<div class="blog-template x-hidden">
				<div class="note-item">
					<a class="view-link" href="/OnOffLine/blog.do?method=view&id=">
						<span class="icon"><img src="/OnOffLine/images/attachment.png" /></span>
						<span class="title"></span>
						<span class="date">Created on </span>
						<span class="description"></span>
						<input type="hidden" name="id" />
					</a>
				</div>
			</div>
			
			<div class="blogs"></div>
		</div>
	</div>
	
</div>

<div class="footer">&#169; 2012 OnOffLine. All rights reserved</div>


<script>
$(function(){
	if (dbSupport){
		renderBlogs();
	}
});
</script>

</body>
</html>